<link rel="stylesheet" type="text/css" href="dist/css/custom.css"/>
<link rel="stylesheet" type="text/css" href="dist/css/waterflow.css"/>

<section class="content">	
	<div class="fav-list">
		<div ng-repeat="img in imgs" style="flex-grow:{{img.width*100/img.height}};flex-basis:{{img.width*240/img.height}}px;">
			<i style="padding-bottom:{{img.height/img.width*100}}%"></i>
			<img ng-src="{{img.url}}"/>
		</div>
		<div ng-repeat="i in [1,2,3,4,5,6,7,8,9,10]" class="placeholder"></div>
	</div>
	
	<div class="loading-zone" id="progress-loading-l" ng-show="loading">
		<div class="text">loading...{{loadingProgress}}%</div>
		<div class="progress progress-striped active">
			<div ng-style="loadingPercent" class="bar"></div>
		</div>
	</div>
</section>
